<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

    <style>
        html,body{
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
            overflow: hidden;
        }

        .el-header, .el-footer {
            /*background-color: #B3C0D1;*/
            color: #333;
            /*text-align: center;*/
            /*height: 40px;*/
        }

        .el-aside {
            background-color: #D3DCE6;
            color: #333;
            text-align: center;
        }

        .el-main {
            /*background-color: #E9EEF3;*/
            color: #333;
            text-align: center;
            height: 100%;
            width: 100%;

        }
        #iframe{
            height: 100%;
            width: 100%;
        }
    </style>
</head>
<body>
<div id="app" style="width: 100%;height: 100%;">
    <el-container style="width: 100%;height: 100%;">
        <el-header style="text-align: right;">
            <el-button type="text" @click="iframeSrc='/WarehouseManage/ingoodManage'">进货管理</el-button>
            <el-button type="text" @click="iframeSrc='/WarehouseManage/outgoodManage'">发货管理</el-button>
            <el-button type="text"@click="iframeSrc='/WarehouseManage/inventoryManage'">库存管理</el-button>
        </el-header>
        <el-main style="height: 80%;overflow: hidden;">
            <iframe id="iframe" name="iframe" :src="iframeSrc" scrolling="no" frameborder="0"></iframe>
        </el-main>

    </el-container>
</div>

<script>
    let app = new Vue({
        el: '#app',
        data(){
            return{
                iframeSrc: '/WarehouseManage/warehouseHome',
            }
        },

        methods:{
            handleOpen(key, keyPath) {
                console.log(key, keyPath);
            },
            handleClose(key, keyPath) {
                console.log(key, keyPath);
            }
        }
    })
</script>
</body>
</html>